<template>
  <u-navbar class="text-right" placeholder auto-back>
    <template #center>
      <u-search v-model="keyword" :show-action="false" focus :height="28" class="w-200px"/>
    </template>
  </u-navbar>
  <book-card :keyword="keyword"/>
</template>

<script setup lang="ts">
import { ref,provide } from 'vue'
import UNavbar from "@/uni_modules/uview-plus/components/u-navbar/u-navbar.vue";
import USearch from "@/uni_modules/uview-plus/components/u-search/u-search.vue";
import BookCard from "@/pages/search/component/bookCard.vue";
const keyword = ref('')
provide('keyword',keyword)
</script>

<style lang="scss">
</style>
